<template>
    <div id="IoWait" ref="IoWait" class="IoWait">
        <el-row class="IoWaitTitle-box">
            <el-col :span="12" style="text-align: center;">
                <div class="titleText">
                    <p> IO读写</p>
                </div>
            </el-col>
            <el-col :span="12">
                <div class="titleText">
                    <p> IOFunction</p>
                </div>
            </el-col>
        </el-row>
        <el-row class="IoWaitLinePage-box">
            <el-col :span="12" style="height: 100%">
                <vIoReadWrite></vIoReadWrite>
            </el-col>
            <el-col :span="12" style="height: 100%">
                <vFunction></vFunction>
            </el-col>
        </el-row>
    </div>
</template>

<script>
import { fetchData } from '@/api/index.js';
import bus from 'common/bus.js';
import vIoReadWrite from './IoReadWrite.vue';
import vFunction from './IoFunction.vue';

export default {
    components: {
        vIoReadWrite, vFunction
    },
    data() {
        return {
            

        }
    },
    created() {
        
    },
    mounted() {

    },
    computed: {
        
    },
    methods: {
        
    },
    watch:{
        
    }
}
</script>

<style scoped>
.IoWait{
    height: 90%;
}
.IoWaitTitle-box{
    height: 10%;
    margin-top: 2%;
    overflow: hidden;
}
.IoWaitLinePage-box{
    height: 84%;

}





.basicImformation{
    background-color: rgba(0, 0, 0, 0);
}
.titleText>>> .el-form-item__label{
    color: rgb(248, 248, 239);
    line-height: 16px;
    font-size: medium;
    padding: 0 0 0 0;
}
.titleText>>> .el-form-item--mini.el-form-item, .el-form-item--small.el-form-item{
    margin-bottom: 0px;
    margin-right: 0px;
}
.titleText{
    text-align: center;
    box-shadow: 0px 0px 20px rgb(1, 40, 107) inset !important;
    width: 60%;
    margin: 0 0 0 14% !important;
    border-radius: 20px;
    color: honeydew;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.butomLable{
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: left
}
.oneLable>>> .el-form-item__label{
    padding: 0 0 0 0;
    color: aliceblue;
}
.lableNumber{
    color: aliceblue;
    width: auto;
}

</style>    